<%@page import="java.util.List"%>
<%@page import="com.jfinal.plugin.activerecord.Page"%>
<%@page import="com.hongye.app.model.RoleModel"%>
<%@page import="com.hongye.app.model.AuthorModel"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html class="fixed">

	<head>

		<!-- Basic -->
		<meta charset="UTF-8">
		<meta name="keywords" content="HTML5 Admin Template" />
		<meta name="description" content="Porto Admin - Responsive HTML5 Template">
		<meta name="author" content="okler.net">
		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!-- Web Fonts  -->
		<!-- Vendor CSS -->
		<link rel="stylesheet" href="../admin/css/bootstrap.css" />
		<link rel="stylesheet" href="../admin/css/font-awesome/css/font-awesome.css" />
        <link rel="stylesheet" href="../admin/css/select2.css" />
		<!-- Theme CSS -->
		<link rel="stylesheet" href="../admin/css/theme.css" />
		<!-- Skin CSS -->
		<link rel="stylesheet" href="../admin/css/default.css" />
		<!-- Theme Custom CSS -->
		<!-- Theme Custom ../admin/css -->
		<script src="../admin/js/modernizr.js"></script>
	</head>

	<body>
		<section role="main" class="content-body" style="margin-top: 50px;">

			<!-- start: page -->
			<section class="panel">
				<header class="panel-heading">
					<h2 class="panel-title">角色管理</h2>
				</header>
				<div class="panel-body">
					<div class="row">
						<div class="col-sm-6">
							<div class="mb-md">
								<button id="addToTable" class="btn btn-primary" onclick="addroleshow();">Add <i class="fa fa-plus"></i></button>
							</div>
						</div>
					</div>
					<div id="addrole" style="display:none">添加角色<br>
						角色名：<input id="rolename" type="text" name="rolename" value="" />
						角色权限：<select id="authselect" onchange="" style="width:150px; ">
								<% List<AuthorModel> list=(List)request.getAttribute("authorlist");
									for(int i=1;i<=list.size();i++){
										AuthorModel author = list.get(i-1);
								%>
					                   <option selected><%=author.get("auth_name")%></option>
					              <%} %>
				                  </select>
						<a class="btn btn-facebook mb-md ml-xs mr-xs" onclick="addrole();">确定添加 </a>
             		 	<a class="btn btn-facebook mb-md ml-xs mr-xs" onclick="addrolehid();">取消</a>
					</div>
					<table class="table table-bordered table-striped mb-none" id="datatable-default">
						<thead>
							<tr>
								<th class="center hidden-phone">序号</th>
								<th class="center hidden-phone">角色名称</th>
								<th class="center hidden-phone">权限名称</th>
								<th class="center hidden-phone">操作</th>
							</tr>
						</thead>
						<tbody>
							<%List<RoleModel> rolelist=(List)request.getAttribute("rolelist");
							  List<AuthorModel> authlist=(List)request.getAttribute("authlist");
								for(int i=1;i<=rolelist.size();i++){
									RoleModel rm=rolelist.get(i-1);
									AuthorModel am = authlist.get(i-1);
								%>
								<tr class="gradeA">
									<td class="center hidden-phone"><%=i %></td>
									<td class="center hidden-phone"><%=rm.get("r_name")%></td>
									<td class="center hidden-phone"><%=am.get("auth_name")%></td>
									<td class="center hidden-phone">
										<a href="../admin/roleDetail?id=<%=rm.get("id")%>" class="on-default edit-row"><i class="fa fa-pencil"></i></a>&nbsp;&nbsp;
										<a data-id="<%=rm.get("id") %>" onclick="delrole(this);" class="on-default remove-row"><i class="fa fa-trash-o"></i></a>
									</td>
								</tr>
								<%} %>
						</tbody>

					</table>
				</div>
			</section>
		</section>
		
		<!-- Specific Page Vendor -->
		<!-- Vendor -->
		<script src="../admin/js/jquery.js"></script>
		<script src="../admin/js/layer.js"></script>
		<script src="../admin/js/jquery-browser-mobile/jquery.browser.mobile.js"></script>
		<script src="../admin/js/bootstrap/js/bootstrap.js"></script>
		<script src="../admin/js/nanoscroller/nanoscroller.js"></script>
		<script src="../admin/js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script src="../admin/js/magnific-popup/magnific-popup.js"></script>
		<script src="../admin/js/jquery-placeholder/jquery.placeholder.js"></script>
		<!-- Specific Page Vendor -->
		<!--	<script src="js/select2.js"></script>-->
		<script src="../admin/js/jquery-datatables/media/js/jquery.dataTables.js"></script>
		<script src="../admin/js/jquery-datatables-bs3/assets/js/datatables.js"></script>
		<!-- Theme Base, Components and Settings -->
		<!-- Theme Base, Components and Settings -->
		<script src="../admin/js/theme.js"></script>
		
		<!-- Theme Custom -->
		<script src="../admin/js/theme.custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="../admin/js/theme.init.js"></script>
		<!-- Examples -->
		<script src="../admin/js/tables/examples.datatables.default.js"></script>
		<script src="../admin/js/tables/examples.datatables.row.with.details.js"></script>
		<script src="../admin/js/tables/examples.datatables.tabletools.js"></script>
		<script type="text/javascript">
			function addroleshow(){
				$("#addrole").css('display','block'); 
			}
			function addrolehid(){
				$("#addrole").css('display','none'); 
			}
			
			//添加
			function addrole(){
				var rolename = $("#rolename").val();
				var authname = $("#authselect").val(); 
				$.get('../admin/addRole?rolename='+rolename+'&authname='+authname,function(data){
					if(data=='suc'){
						location.href='../admin/roleView';
					}else if(data=='fal'){
						alert('添加失败!');
					}else if(data=='exist'){
						alert('该角色存在！');
					}
				});
			}
			//删除
			function delrole(obj){
				layer.confirm('确定删除吗？', {icon: 3, title:'提示'}, function(index){
					var id = obj.getAttribute("data-id");
					var url = '../admin/removeRole?roleid=' + id;
					$.get(url, function(data){
						if(data=='suc'){
							location.href='../admin/roleView';
						}else if(data=='fal'){
							alert('删除失败!');
						}
					});
					  layer.close(index);
				});
			}
		</script>
	</body>

</html>